import 'package:flutter/material.dart';

class AppBarExample extends StatefulWidget {
  const AppBarExample({Key? key}) : super(key: key);

  @override
  State<AppBarExample> createState() => _AppBarExampleState();
}

class _AppBarExampleState extends State<AppBarExample>
    with SingleTickerProviderStateMixin {
  late TabController _tabController;

  @override
  void initState() {
    super.initState();
    _tabController = TabController(length: 2, vsync: this);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Row(
          children: [
            Icon(Icons.adb_rounded),
            Text('AppBarExample'),
          ],
        ),
        // leading: IconButton(
        //   onPressed: () {
        //     Navigator.pop(context);
        //   },
        //   icon: Icon(
        //     Icons.arrow_back_sharp,
        //     color: Colors.white,
        //   ),
        // ),
        // leadingWidth: 80,
        // 和leading配合使用，如果为true并且leading为空的情况下，会自动配置返回键
        // automaticallyImplyLeading: false,
        // centerTitle: true,
        actions: [
          IconButton(
            onPressed: () {},
            tooltip: '扫一扫',
            icon: Icon(Icons.qr_code_scanner),
          ),
          IconButton(
            onPressed: () {},
            tooltip: '添加',
            icon: Icon(Icons.add),
          )
        ],
        bottom: TabBar(
          controller: _tabController,
          tabs: [
            Tab(text: '火车', icon: Icon(Icons.bus_alert)),
            Tab(text: '汽车', icon: Icon(Icons.car_crash)),
          ],
        ),
        elevation: 10, // 控制阴影
        shadowColor: Colors.green, // 控制阴影颜色
        // shape: RoundedRectangleBorder(
        //   side: BorderSide(
        //     color: Colors.red,
        //     width: 5,
        //   ),
        // ),
        // backgroundColor: Colors.orange,
        // foregroundColor: Colors.black,
        // systemOverlayStyle: SystemUiOverlayStyle(
        //   statusBarColor: Colors.black,
        // ),
        iconTheme: IconThemeData(
          color: Colors.orange,
          opacity: 1,
          size: 50,
        ),
        actionsIconTheme: IconThemeData(
          color: Colors.purple,
        ),
        primary: true,
        excludeHeaderSemantics: false,
        // titleSpacing: 0, // title 和其他部分的间距
        toolbarOpacity: 1, // 导航栏透明度
        bottomOpacity: 1,
        toolbarHeight: 60, // 导航栏的高度，默认kToolbarHeight
        toolbarTextStyle: TextStyle(color: Colors.yellow), // 导航栏图标的颜色
        titleTextStyle: TextStyle(color: Colors.yellow), // 导航栏标题的默认颜色
      ),
    );
  }
}
